import { createApp } from 'vue'
// 全局引入单页面实例
import App from '~/App.vue'
// 全局引入Element-Plus
import ElementPlus from 'element-plus'
// 全局引入路由
import router from './router'
// 全局引入Element-Plus 图标
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
// 全局引入store
import store from './store'

//创建全局
const app = createApp(App)



app.use(store)
// 使用路由
app.use(router)
// 使用Element-Plus
app.use(ElementPlus)

// 使用element图标
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}


// 全局引入element 样式
import 'element-plus/dist/index.css'
// 全局引入windicss样式
import 'virtual:windi.css'

import "./permission.js"
// 全局引入 nprogress 加载进度条组件
import "nprogress/nprogress.css"

app.mount('#app')
